<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title></title>
  <meta name="HandheldFriendly" content="True">
  <meta name="MobileOptimized" content="320">
  <meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=0.5,user-scalable=no">
  <meta http-equiv="cleartype" content="on">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="">
  <meta name="format-detection" content="telephone=no">
  <meta name="format-detection" content="email=no">
  <link rel="stylesheet" href="./app.css">

  <!-- 外部和钉钉客户端的脚本加载 -->
  <script src="https://as.alipayobjects.com/g/component/??react/15.6.2/react.min.js,react/15.6.2/react-dom.min.js"></script>
  <script src="https://res.wx.qq.com/open/js/jweixin-1.2.2.js"></script>

  <!-- Core CSS file -->
  <link rel="stylesheet" href="https://cdn.staticfile.org/photoswipe/4.1.2/photoswipe.css">
  <!-- Skin CSS file (styling of UI - buttons, caption, etc.)
       In the folder of skin CSS file there are also:
       - .png and .svg icons sprite,
       - preloader.gif (for browsers that do not support CSS animations) -->
  <link rel="stylesheet" href="https://cdn.staticfile.org/photoswipe/4.1.2/default-skin/default-skin.css">
  <!-- Core JS file -->
  <script src="https://cdn.staticfile.org/photoswipe/4.1.2/photoswipe.min.js"></script>
  <!-- UI JS file -->
  <script src="https://cdn.staticfile.org/photoswipe/4.1.2/photoswipe-ui-default.min.js"></script>

</head>

<body>

<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="pswp__bg"></div>
  <div class="pswp__scroll-wrap">
    <div class="pswp__container">
      <div class="pswp__item"></div>
      <div class="pswp__item"></div>
      <div class="pswp__item"></div>
    </div>
    <div class="pswp__ui pswp__ui--hidden">
      <div class="pswp__top-bar">
        <div class="pswp__counter"></div>
        <button class="pswp__button pswp__button--close" title="Close (Esc)" ></button>
        <button class="pswp__button pswp__button--share" title="Share" ></button>
        <button class="pswp__button pswp__button--fs" title="Toggle fullscreen" ></button>
        <button class="pswp__button pswp__button--zoom" title="Zoom in/out" ></button>
        <div class="pswp__preloader">
          <div class="pswp__preloader__icn">
            <div class="pswp__preloader__cut">
              <div class="pswp__preloader__donut" ></div>
            </div>
          </div>
        </div>
      </div>
      <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
        <div class="pswp__share-tooltip" ></div>
      </div>
      <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
      </button>
      <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button>
      <div class="pswp__caption">
        <div class="pswp__caption__center"></div>
      </div>
    </div>
  </div>
</div>
<div id="App">
</div>
<script src="./common.js"></script>
<script src="./app.js"></script>

<!-- 消除移动浏览器的消除点击延时 -->
<script src="https://as.alipayobjects.com/g/component/fastclick/1.0.6/fastclick.js"></script>
<script>
  if ('addEventListener' in document) {
    window.addEventListener(
      'load',
      function() { FastClick.attach(document.body) },
      false
    )
  }
</script>
</body>
</html>
